

/* reset.css */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 ,\5b8b\4f53;color:#333;outline:0;}


/* common */
html,
body {
  background-color: #f4f5f5;;
  background-image: url(https://jack-img.oss-cn-hangzhou.aliyuncs.com/img/20210818111501.png);

}

html,
body,
*,
*:before,
*:after {
  box-sizing: border-box;
  color: #f4f5f5;
  font-family:system-ui
}


#app {
  height: 100%;
}


a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

div:focus {
  outline: none;
}

.fr {
  float: right;
}
.fl {
  float: left;
}
.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ' ';
    clear: both;
    height: 0;
  }
}
.inline {
  display: inline;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}

.pointer {
  cursor: pointer;
}

.bold {
  font-weight: bold;
}

.all-container {
  width: 100%;
  height: 100%;
  position: relative;
}

.content {
  width: 100%;
  height: 100%;
  position: relative;
  min-width: 1230px;
}

.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.flex {
  display: flex;
}
.flex-sub {
  flex: 1;
}
.flex-direction {
  flex-direction: column;
}
.flex-column-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.align-start {
  align-items: flex-start;
}

.align-end {
  align-items: flex-end;
}

.align-center {
  align-items: center;
}
.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.align-content-between {
  align-content: space-between;
}

.align-content-around {
  align-content: space-around;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}
.text-bold {
  font-weight: bold;
}
.text-hidden {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.bgImg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.borderR15 {
  border-radius: 15px;
}
.verticalMiddle {
  vertical-align: middle !important;
}
.vertical-bottom {
  vertical-align: text-bottom !important;
}

[v-cloak] {
  display: none;
}
.info_title {
  font-size: 16px;
  color: #333;
  // font-weight: 300;
  font-weight:600;
  // font-size: 24px;
    
  padding-left: 10px;
  border-left: 3px solid #2697fc;
  margin: 10px 0;
}
.label_item {
  width: 49%;
  margin: 8px 0;
  padding-left:13px;
  display:flex ;
 
}
.label_item_full {
  width: 100%;
  margin: 8px 13px;
  display:flex ;
}
.table_op_primary {
  color: #1890ff;
  cursor: pointer;
}
.table_op_danger {
  color: red;
  cursor: pointer;
}
.label_item_blod_left {
  font-weight:bold
}
.label_item_left {
  width: 10%;
  font-weight:bold
}
.label_item_right {
  width: 90%;
}
.img_info {
  width:300px;
  margin-right:10px;
  margin-bottom:10px
}

.sort_drag {
  cursor: move;
}
/*滚动条样式*/
::-webkit-scrollbar {/*滚动条整体样式*/
  width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
  height: 4px;
}
::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background: #e0e5eb;
}
::-webkit-scrollbar-track { /*滚动条里面轨道*/
  // -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  border-radius: 0;
  // background: rgba(0,0,0,0.1);
}